<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
    <link rel="stylesheet" href="/assets/css/magnific-popup.css" />
  </head>
  <body class="stretched">
    <main id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section
        id="banner1"
        class="slider-element max-vh-50"
        data-swiper-options="{'autoplay':true,'slidesPerView': 1,'spaceBetween': 0,'loop': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'}}"
      >
        <div class="swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div
                class="swiper-slide-bg"
                style="
                  background-image: url('/assets/images/page/employment/ba.jpg');
                "
              ></div>
              <a href="#1" class="stretched-link" title="" target="_blank"></a>
            </div>
          </div>

          <!-- <div class="swiper-pagination"></div> -->

          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <!-- <a href="#" data-scrollto="#content" class="slide-down"
            ><i class="novem-icons nvm-icon-chevron-right icon-rotate-90"></i>
          </a> -->
        </div>
      </section>

      <section id="content" class="touchpoint mt-0">
        <div class="mt-0 pt-3 pt-xl-5" id="brand">
          <div class="container pt-0">
            <div
              class="row align-items-stretched brand-intro mb-4 pb-1 pb-sm-2 pb-lg-3"
            >
              <div class="col-lg-6 z-2 border-0">
                <h2 class="text-center text-lg-start">高质量就业是立校之本</h2>
                <p class="mb-4 mb-lg-0">
                  学校不断加强访企拓岗、校企合作，保质保量地为城院毕业生提供高质量就业岗位。众多学子就职于中国石油、华为、比亚迪、京东等世界500强名企,大批学子入职政府、公安、法院、财政、城建等体制单位和省、市级重点院校，多次荣获“基层就业卓越奖”等省级荣誉，毕业生就业竞争力始终位居河南省前列。
                </p>
              </div>
              <div
                class="col-4 col-lg-2 z-2 d-flex flex-column justify-content-center align-items-center border-start border-white border-opacity-25"
              >
                <h5 class="h1 mb-3 z-2">98<sup>%</sup></h5>
                <p class="mb-1 fs-sm fw-normal lh-1">就业去向落实率</p>
              </div>
              <div
                class="col-4 col-lg-2 z-2 d-flex flex-column justify-content-center align-items-center border-start border-end border-white border-opacity-25"
              >
                <h5 class="h1 mb-3">100<sup>+</sup></h5>
                <p class="mb-1 fs-sm fw-normal lh-1">实习实训基地</p>
              </div>
              <div
                class="col-4 col-lg-2 z-2 d-flex flex-column justify-content-center align-items-center border-end border-white border-opacity-25"
              >
                <h5 class="h1 mb-3">6000<sup>+</sup></h5>
                <p class="mb-1 fs-sm fw-normal lh-1">每年提供就业岗位</p>
              </div>
            </div>

            <div class="row mt-4">
              <div class="col-12">
                <div
                  class="slider-element px-3 pt-3 pt-lg-5 brand-logo rounded z-2"
                  data-swiper-options="{'autoplay': {'delay': 1200,'pauseOnMouseEnter': true},'breakpoints': {'0': {'slidesPerView': 3,'grid': {'rows': 2},'spaceBetween': 10},'1024': {'slidesPerView': 5,'grid': {'rows': 2},'spaceBetween': 10},'1400': {'slidesPerView': 7,'grid': {'rows': 2},'spaceBetween': 10}},'loop': true,'grabCursor': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                >
                  <div class="swiper pb-5">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/1.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国中铁"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/2.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国南方航空"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/3.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国铁路"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/4.jpg"
                            class="d-block mx-auto my-2"
                            alt="顺丰速运"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/5.jpg"
                            class="d-block mx-auto my-2"
                            alt="格力"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/6.jpg"
                            class="d-block mx-auto my-2"
                            alt="海尔"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/7.jpg"
                            class="d-block mx-auto my-2"
                            alt="西门子"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/8.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国银行"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/9.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国交建"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/10.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国石油"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/11.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国平安"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/12.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国建筑工程总公司"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/13.jpg"
                            class="d-block mx-auto my-2"
                            alt="宇通"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/14.jpg"
                            class="d-block mx-auto my-2"
                            alt="京东"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/15.jpg"
                            class="d-block mx-auto my-2"
                            alt="华为"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/16.jpg"
                            class="d-block mx-auto my-2"
                            alt="比亚迪汽车"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/17.jpg"
                            class="d-block mx-auto my-2"
                            alt="新荣记"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/18.jpg"
                            class="d-block mx-auto my-2"
                            alt="晶澳光伏"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/19.jpg"
                            class="d-block mx-auto my-2"
                            alt="建业集团"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/20.jpg"
                            class="d-block mx-auto my-2"
                            alt="哈工大机器人集团"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/21.jpg"
                            class="d-block mx-auto my-2"
                            alt="海康威视"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/22.jpg"
                            class="d-block mx-auto my-2"
                            alt="仁和药业"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/23.jpg"
                            class="d-block mx-auto my-2"
                            alt="华润"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/24.jpg"
                            class="d-block mx-auto my-2"
                            alt="中国建筑"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/25.jpg"
                            class="d-block mx-auto my-2"
                            alt="杰博股份"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/26.jpg"
                            class="d-block mx-auto my-2"
                            alt="凯捷"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/27.jpg"
                            class="d-block mx-auto my-2"
                            alt="晋能控股"
                          />
                        </div>
                      </div>
                      <div class="swiper-slide rounded">
                        <div class="card bg-none border-0 px-2 mx-2">
                          <img
                            src="/assets/images/page/jy/logo/28.jpg"
                            class="d-block mx-auto my-2"
                            alt="康辉新材"
                          />
                        </div>
                      </div>
                    </div>
                    <div class="swiper-btn swiper-btn-1">
                      <div class="swiper-button-prev"></div>
                      <div class="swiper-button-next"></div>
                    </div>
                    <!-- <div class="swiper-pagination"></div> -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section" id="cooperation">
          <div class="container">
            <div class="row" data-animate="animate__fadeInUp">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    Latest
                    <span class="last-word">ACTIVITIES</span>
                  </div>
                  <h2>校企合作</h2>
                </div>
              </div>
              <div class="col-12">
                <div
                  class="slider-element"
                  data-swiper-options="{
      'slidesPerView': 1,
      'loop': true,
      'autoplay': true,
      'pagination': {
        'el': '.swiper-pagination',
        'clickable': true
      },
      'navigation': {
        'prevEl': '.swiper-button-prev',
        'nextEl': '.swiper-button-next'
      },
      'breakpoints': {
        '500': {
          'slidesPerView': 2,'spaceBetween': 20
        },
        '1200': {
          'slidesPerView': 4,'spaceBetween': 20
        }
      }
    }"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide h-auto">
                        <a
                          href="#"
                          class="card border-light border-opacity-50 h-100"
                        >
                          <div class="position-relative">
                            <img
                              src="/assets/images/page/employment/c1.jpg"
                              class="card-img-top"
                              alt="Image"
                            />
                          </div>
                          <div class="card-body pb-4">
                            <h3 class="h6 mb-4">
                              海康威视、北京利尔：他们如何与郑州城市职业学院实现共育人才&高质量就业？
                            </h3>

                            <p class="fs-sm mb-0">
                              郑州城市职业学院在实践创新中，探索出了一条行之有效的路子：秉承“让每一位学生获得职业成就和人生幸福”的使命，围绕“以学生为中心”的核心价值观，始终坚持开展“以雇主为导向、以学生为中心”的专业建设改革。
                            </p>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide h-auto">
                        <a
                          href="#"
                          class="card border-light border-opacity-50 h-100"
                        >
                          <div class="position-relative">
                            <img
                              src="/assets/images/page/employment/c2.jpg"
                              class="card-img-top"
                              alt="Image"
                            />
                          </div>
                          <div class="card-body pb-4">
                            <h3 class="h6 mb-4">
                              弘成科技发展有限公司到郑州城市职业学院洽谈交流
                            </h3>

                            <p class="fs-sm mb-0">
                              近日，弘成科技发展有限公司业务发展中心负责人张雷、在职研教育部负责人胡秋瑾一行到访郑州城市职业学院洽谈交流校企合作。郑州城市职业学院执行校长刘尚林、副校长谢照红、继续教育学院相关负责人等出席座谈会。
                            </p>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide h-auto">
                        <a
                          href="#"
                          class="card border-light border-opacity-50 h-100"
                        >
                          <div class="position-relative">
                            <img
                              src="/assets/images/page/employment/c3.jpg"
                              class="card-img-top"
                              alt="Image"
                            />
                          </div>
                          <div class="card-body pb-4">
                            <h3 class="h6 mb-4">
                              助力高质量就业！“河南校企融合新质发展行动”启动仪式在郑州城市职业学院隆重举行
                            </h3>

                            <p class="fs-sm mb-0">
                              由河南日报、顶端新闻联合发起的“河南校企融合新质发展行动”启动仪式在郑州城市职业学院隆重举行。此次活动吸引了来自全省、全国乃至全球的优质企业参与，活动现场名企云集。
                            </p>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide h-auto">
                        <a
                          href="#"
                          class="card border-light border-opacity-50 h-100"
                        >
                          <div class="position-relative">
                            <img
                              src="/assets/images/page/employment/c4.jpg"
                              class="card-img-top"
                              alt="Image"
                            />
                          </div>
                          <div class="card-body pb-4">
                            <h3 class="h6 mb-4">
                              郑州城市职业学院与岚图汽车订单班—青禾计划开班仪式圆满举行
                            </h3>

                            <p class="fs-sm mb-0">
                              近日，郑州城市职业学院与岚图汽车科技有限公司联合举办的青禾计划订单班开班仪式隆重举行。学校领导、企业代表、订单班师生共同见证了这一重要时刻。仪式上，郑州城市职业学院副校长石本立发表致辞。
                            </p>
                          </div>
                        </a>
                      </div>
                      <div class="swiper-slide h-auto">
                        <a
                          href="#"
                          class="card border-light border-opacity-50 h-100"
                        >
                          <div class="position-relative">
                            <img
                              src="/assets/images/page/employment/c5.jpg"
                              class="card-img-top"
                              alt="Image"
                            />
                          </div>
                          <div class="card-body pb-4">
                            <h3 class="h6 mb-4">
                              宁波市鄞州区人才服务中心暨宁波企业代表莅临郑州城市职业学院洽谈合作
                            </h3>

                            <p class="fs-sm mb-0">
                              宁波市鄞州区人才服务中心主任宋磊杰带领宁波企业考察团莅临郑州城市职业学院洽谈校企合作。刘尚林代表学校向宋磊杰一行的到来表示热烈欢迎，并向与会嘉宾介绍了学校的基本情况、教育教学、人才培养、产教融合等方面的情况。
                            </p>
                          </div>
                        </a>
                      </div>
                    </div>

                    <div class="swiper-btn swiper-btn-1">
                      <div class="swiper-button-prev"></div>
                      <div class="swiper-button-next"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section" id="job">
          <div class="container">
            <div class="row pb-3">
              <div class="col-12">
                <div class="title-block">
                  <div>
                    Latest
                    <span class="last-word">ACTIVITIES</span>
                  </div>
                  <h2>就业明星</h2>
                </div>
              </div>

              <div class="col-12 team">
                <div
                  class="slider-element"
                  data-swiper-options="{'autoplay': {'delay': 3000,'pauseOnMouseEnter': true},'breakpoints': {'0': {'slidesPerView': 2,'grid': {'rows': 2},'spaceBetween': 10},'992': {'slidesPerView': 4,'grid': {'rows': 2},'spaceBetween': 15},'1200': {'slidesPerView': 5,'grid': {'rows': 2},'spaceBetween': 24}},'loop': true,'grabCursor': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                >
                  <div class="swiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/01.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="郭可怡"
                          />
                          <h5 class="fw-bold fs-base mb-1">世界500强</h5>
                          <p class="fs-sm mb-1">郭可怡</p>
                          <p class="fs-sm mb-2">江苏京东信息科技有限公司</p>
                          <div class="d-flex justify-content-center">
                            <span class="btn btn-outline-secondary btn-sm mb-2">
                              查看详情
                            </span>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/02.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="何梦帆"
                          />

                          <h5 class="fw-bold fs-base mb-1">世界500强</h5>
                          <p class="fs-sm mb-1">何梦帆</p>
                          <p class="fs-sm mb-2">华为技术有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/03.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="闻树豪"
                          />

                          <h5 class="fw-bold fs-base mb-1">世界500强</h5>
                          <p class="fs-sm mb-1">闻树豪</p>
                          <p class="fs-sm mb-2">凯捷（中国）咨询有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/04.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="魏修淼"
                          />
                          <h5 class="fw-bold fs-base mb-1">世界500强</h5>
                          <p class="fs-sm mb-1">魏修淼</p>
                          <p class="fs-sm mb-2">杰博股份有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/05.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="樊华"
                          />
                          <h5 class="fw-bold fs-base mb-1">世界500强</h5>
                          <p class="fs-sm mb-1">樊华</p>
                          <p class="fs-sm mb-2">中国建筑集团</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/06.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="张杨洋"
                          />
                          <h5 class="fw-bold fs-base mb-1">国企</h5>
                          <p class="fs-sm mb-1">张杨洋</p>
                          <p class="fs-sm mb-2">郑州大学综合设计研究院</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/07.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="王亚飞"
                          />
                          <h5 class="fw-bold fs-base mb-1">国企</h5>
                          <p class="fs-sm mb-1">王亚飞</p>
                          <p class="fs-sm mb-2">哈工大机器人集团</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/08.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="苗壮"
                          />
                          <h5 class="fw-bold fs-base mb-1">国企</h5>
                          <p class="fs-sm mb-1">苗壮</p>
                          <p class="fs-sm mb-2">广发银行股份有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/09.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="王安豪"
                          />
                          <h5 class="fw-bold fs-base mb-1">国企</h5>
                          <p class="fs-sm mb-1">王安豪</p>
                          <p class="fs-sm mb-2">中铁隧道局海外项目</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/10.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="瓮恺"
                          />
                          <h5 class="fw-bold fs-base mb-1">国企</h5>
                          <p class="fs-sm mb-1">瓮恺</p>
                          <p class="fs-sm mb-2">华润置业有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/11.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="李金宝"
                          />
                          <h5 class="fw-bold fs-base mb-1">上市公司</h5>
                          <p class="fs-sm mb-1">李金宝</p>
                          <p class="fs-sm mb-2">比亚迪工业有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/12.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="朱宜秋"
                          />
                          <h5 class="fw-bold fs-base mb-1">上市公司</h5>
                          <p class="fs-sm mb-1">朱宜秋</p>
                          <p class="fs-sm mb-2">利尔高温材料股份有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/13.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="边宇珊"
                          />
                          <h5 class="fw-bold fs-base mb-1">上市公司</h5>
                          <p class="fs-sm mb-1">边宇珊</p>
                          <p class="fs-sm mb-2">海南航空股份有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/14.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="王咸奥"
                          />
                          <h5 class="fw-bold fs-base mb-1">上市公司</h5>
                          <p class="fs-sm mb-1">王咸奥</p>
                          <p class="fs-sm mb-2">杭州海康威视科技有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/15.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="张兆丰"
                          />
                          <h5 class="fw-bold fs-base mb-1">上市公司</h5>
                          <p class="fs-sm mb-1">张兆丰</p>
                          <p class="fs-sm mb-2">中国新兴建筑工程有限责任公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/16.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="尚一铭"
                          />
                          <h5 class="fw-bold fs-base mb-1">
                            自主创业 年薪60W+
                          </h5>
                          <p class="fs-sm mb-1">尚一铭</p>
                          <p class="fs-sm mb-2">河南省慧仁科技有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/17.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="郭明辉"
                          />
                          <h5 class="fw-bold fs-base mb-1">
                            自主创业 年薪30W+
                          </h5>
                          <p class="fs-sm mb-1">郭明辉</p>
                          <p class="fs-sm mb-2">深圳市亚湾国际贸易有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/18.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="吴帝锋"
                          />
                          <h5 class="fw-bold fs-base mb-1">
                            公司高管 年薪80W+
                          </h5>
                          <p class="fs-sm mb-1">吴帝锋</p>
                          <p class="fs-sm mb-2">同联商业地产有限责任公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/19.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="马钰博"
                          />
                          <h5 class="fw-bold fs-base mb-1">
                            自主创业 年薪40W+
                          </h5>
                          <p class="fs-sm mb-1">马钰博</p>
                          <p class="fs-sm mb-2">司辅网络信息服务有限公司</p>
                        </div>
                      </div>
                      <div class="swiper-slide px-0 px-sm-2">
                        <div class="card card-hover border-0 text-center">
                          <img
                            src="/assets/images/page/jy/stu/20.png"
                            class="d-block rounded-circle mx-auto mb-3 bg-info-subtle"
                            width="162"
                            alt="李新磊"
                          />
                          <h5 class="fw-bold fs-base mb-1">
                            自主创业 年薪30W+
                          </h5>
                          <p class="fs-sm mb-1">李新磊</p>
                          <p class="fs-sm mb-2">兑话空间设计研究室</p>
                        </div>
                      </div>
                    </div>
                    <div class="swiper-btn swiper-btn-1">
                      <div class="swiper-button-prev"></div>
                      <div class="swiper-button-next"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section" id="video1">
          <div class="container">
            <div class="row">
              <div class="col-12" data-animate="animate__fadeInUp">
                <div class="title-block">
                  <div>
                    Campus
                    <span class="last-word">Video</span>
                  </div>
                  <h2>就业视频</h2>
                </div>
              </div>
            </div>
            <div
              class="position-relative row g-3"
              data-animate="animate__fadeInUp"
            >
              <div class="col-lg-5">
                <a
                  class="d-block position-relative rounded overflow-hidden h-100 video-link"
                  href="/assets/images/page/employment/v1.mp4"
                >
                  <div class="media-trigger-playback">
                    <i></i>
                  </div>

                  <img
                    src="/assets/images/page/employment/v1.jpg"
                    class="position-relative top-0 start-0 w-100 h-100 object-fit-cover"
                    alt="Image"
                  />
                </a>
              </div>
              <div class="col-lg-7">
                <div class="row g-3">
                  <div class="col-6">
                    <a
                      class="d-block position-relative rounded overflow-hidden video-link"
                      href="/assets/images/page/employment/v4.mp4"
                    >
                      <div class="media-trigger-playback">
                        <i></i>
                      </div>
                      <img
                        src="/assets/images/page/employment/v4.jpg"
                        class="position-relative top-0 start-0 w-100 h-100 object-fit-cover"
                        alt="Image"
                      />
                    </a>
                  </div>
                  <div class="col-6">
                    <a
                      class="d-block position-relative rounded overflow-hidden video-link"
                      href="/assets/images/page/employment/v3.mp4"
                    >
                      <div class="media-trigger-playback">
                        <i></i>
                      </div>
                      <img
                        src="/assets/images/page/employment/v3.jpg"
                        class="position-relative top-0 start-0 w-100 h-100 object-fit-cover"
                        alt="Image"
                      />
                    </a>
                  </div>
                  <div class="col-12">
                    <a
                      class="d-block position-relative rounded overflow-hidden video-link"
                      href="/assets/images/page/employment/v1.mp4"
                    >
                      <div class="media-trigger-playback">
                        <i></i>
                      </div>
                      <img
                        src="/assets/images/page/employment/v2.jpg"
                        class="position-relative top-0 start-0 w-100 h-100 object-fit-cover"
                        alt="Image"
                      />
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-12 text-center mt-4 mt-lg-5">
                <a href="#" class="btn btn-outline-secondary btn-lg py-2"
                  >查看更多</a
                >
              </div>
            </div>
          </div>
        </div>

        <div class="section job-news" id="media">
          <div class="container">
            <div class="row">
              <div class="col-12" data-animate="animate__fadeInUp">
                <div class="title-block">
                  <div>
                    Media
                    <span class="last-word">Focus</span>
                  </div>
                  <h2>就业动态</h2>
                </div>
              </div>
            </div>

            <div
              class="row row-cols-1 row-cols-lg-2 g-4"
              data-animate="animate__fadeInUp"
            >
              <div class="col">
                <a class="media-item d-flex rounded" href="#" target="_blank">
                  <div class="thumb m-3">
                    <img
                      src="/assets/images/page/employment/n1.jpg"
                      alt=""
                      class="img-fluid rounded"
                    />
                  </div>
                  <div
                    class="info m-3 ms-0 d-flex flex-column justify-content-between"
                  >
                    <h5 class="mb-4">
                      郑州城市职业学院致2025届毕业生家长的一封信
                    </h5>
                    <p>
                      我们首先向您致以最诚挚的问候，并感谢您一直以来对郑州城市职业学院的支持与信任。您的孩子在学校度过了宝贵的大学时光，如今他们即将完成学业，奔赴就业岗位，开启新的人生征程，这是他们成长的重要时刻，也是我们共同关注的焦点。当前正值高校毕业生求职择业的黄金期、关键期、冲刺期，我们诚挚希望与您携手，共同助力学生早就业、就好业。
                    </p>
                  </div>
                </a>
              </div>
              <div class="col">
                <a class="media-item d-flex rounded" href="#" target="_blank">
                  <div class="thumb m-3">
                    <svg
                      class="placeholder-img img-fluid rounded"
                      width="600"
                      height="400"
                      xmlns="http://www.w3.org/2000/svg"
                      role="img"
                      preserveAspectRatio="xMidYMid slice"
                      focusable="false"
                    >
                      <title>占位图</title>
                      <rect width="100%" height="100%" fill="#c6c6c6"></rect>
                      <text x="50%" y="50%" fill="#555" dy=".3em">占位图</text>
                    </svg>
                  </div>
                  <div
                    class="info m-3 ms-0 d-flex flex-column justify-content-between"
                  >
                    <h5>
                      关于举办郑州城市职业学院2025届毕业生就业指导系列讲座通知
                    </h5>
                    <p>
                      为进一步深化就业育人，提升大学生就业竞争力，全面助力2025届毕业生实现高质量充分就业，就业服务中心精心策划举办了18期就业指导系列讲座。希望通过本次讲座，我校学生能够树立正确的择业观、就业观，提升就业竞争力。
                    </p>
                  </div>
                </a>
              </div>
              <div class="col">
                <a class="media-item d-flex rounded" href="#" target="_blank">
                  <div class="thumb m-3">
                    <svg
                      class="placeholder-img img-fluid rounded"
                      width="600"
                      height="400"
                      xmlns="http://www.w3.org/2000/svg"
                      role="img"
                      preserveAspectRatio="xMidYMid slice"
                      focusable="false"
                    >
                      <title>占位图</title>
                      <rect width="100%" height="100%" fill="#c6c6c6"></rect>
                      <text x="50%" y="50%" fill="#555" dy=".3em">占位图</text>
                    </svg>
                  </div>
                  <div
                    class="info m-3 ms-0 d-flex flex-column justify-content-between"
                  >
                    <h5>
                      郑州城市职业学院2024年毕业生求职创业补贴人员名单公示
                    </h5>
                    <p>
                      根据河南省人力资源和社会保障厅、河南省教育厅、河南省财政厅、河南省民政厅、河南省乡村振兴局、河南省残疾人联合会联合印发《关于做好2024年全省高校毕业生一次性求职补贴申领发放工作的通知》工作安排，经学生自愿申请，就业服务中心初审，郑州市人社局审核，现将名单公示。
                    </p>
                  </div>
                </a>
              </div>
              <div class="col">
                <a class="media-item d-flex rounded" href="#" target="_blank">
                  <div class="thumb m-3">
                    <svg
                      class="placeholder-img img-fluid rounded"
                      width="600"
                      height="400"
                      xmlns="http://www.w3.org/2000/svg"
                      role="img"
                      preserveAspectRatio="xMidYMid slice"
                      focusable="false"
                    >
                      <title>占位图</title>
                      <rect width="100%" height="100%" fill="#c6c6c6"></rect>
                      <text x="50%" y="50%" fill="#555" dy=".3em">占位图</text>
                    </svg>
                  </div>
                  <div
                    class="info m-3 ms-0 d-flex flex-column justify-content-between"
                  >
                    <h5>关于举办第六届职业生涯规划大赛的通知</h5>
                    <p>
                      经研究决定，举办我校第六届职业生涯规划大赛，此次大赛旨在帮助同学们更好地认识自我，明确职业目标，提升职业规划能力，为未来的职业发展打下坚实的基础。
                    </p>
                  </div>
                </a>
              </div>
            </div>

            <div class="row">
              <div class="col-12 text-center mt-3 mt-lg-4">
                <a href="#" class="btn btn-outline-secondary btn-lg py-2"
                  >查看更多</a
                >
              </div>
            </div>
          </div>
        </div>

        <div class="section" id="sxsx">
          <div class="container">
            <div class="row">
              <div class="col-12" data-animate="animate__fadeInUp">
                <div class="title-block">
                  <div>
                    Media
                    <span class="last-word">Focus</span>
                  </div>
                  <h2>实习实训</h2>
                </div>
              </div>
              <div class="col-12" data-animate="animate__fadeInUp">
                <div class="col-12 mb-3 mb-xxl-5">
                  <div
                    class="slider-element"
                    data-swiper-options="{'autoplay': {'delay': 3000,'pauseOnMouseEnter': true },'effect': 'coverflow','grabCursor': true,'centeredSlides': true,'slidesPerView': 'auto','coverflowEffect': {'rotate': 50,'stretch': 0,'depth': 100,'modifier': 1,'slideShadows': true},'loop': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                  >
                    <div class="swiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <div class="position-relative">
                              <img
                                src="/assets/images/page/jy/sx/1.jpg"
                                class="card-img-top"
                                alt="Image"
                              />
                            </div>
                            <div class="card-body text-center py-2">
                              <p class="mb-0">工业互联网实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/2.jpg"
                              class="card-img-top"
                              alt="高速铁路客运服务实训"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">高速铁路客运服务实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/3.jpg"
                              class="card-img-top"
                              alt="材料工程技术专业实训"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">材料工程技术专业实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/5.jpg"
                              class="card-img-top"
                              alt="电钢琴实训室"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">电钢琴实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/6.jpg"
                              class="card-img-top"
                              alt="智能制造实训"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">智能制造实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/013.jpg"
                              class="card-img-top"
                              alt="幼儿保育实训"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">幼儿保育实训</p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="card h-100 border-0 shadow-sm mx-2">
                            <img
                              src="/assets/images/page/jy/sx/011.jpg"
                              class="card-img-top"
                              alt="美术基础实训"
                            />
                            <div class="card-body text-center py-2">
                              <p class="mb-0">美术基础实训</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-btn swiper-btn-1">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer id="footer">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-md-4 col-lg-3 text-center text-md-start">
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo img-fluid"
              />
            </div>

            <div class="col-md-8 col-lg-4 text-center text-md-start">
              中国 · 河南 · 郑州<br />
              电话：0371-69213333 0371-68506666（招生咨询）<br />
              邮箱：zzcszyxy618@163.com<br />
              版权所有 © 2023 郑州城市职业学院<br />

              <div class="py-2">
                <a
                  href="https://beian.miit.gov.cn/"
                  target="_blank"
                  rel="noopener"
                >
                  豫ICP备12014925号-1
                </a>
                /
                <a
                  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                  target="_blank"
                  rel="noopener"
                >
                  豫公网安备 41018302000187号
                </a>
              </div>
            </div>
            <div class="col-md-8 offset-md-2 col-lg-5 offset-lg-0 text-center">
              <div class="row">
                <div class="col-3">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col-3">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <div class="fivebar">
      <a href="#">
        <span class="bg"></span>
        <span class="text">专业</span>
      </a>
      <a href="#">
        <span class="bg"></span>
        <span class="text">师资</span>
      </a>
      <a href="#" class="active">
        <span class="bg"></span>
        <span class="text">就业</span>
      </a>
      <a href="#">
        <span class="bg"></span>
        <span class="text">环境</span>
      </a>
      <a href="#">
        <span class="bg"></span>
        <span class="text">活动</span>
      </a>
    </div>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>

    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/plugins/swiper.js"></script>
    <!--优化渲染速度-->
    <script src="/assets/js/theme.js"></script>
    <script src="/assets/js/plugins/jquery.js"></script>
    <script src="/assets/js/plugins/magnific-popup.js"></script>
    <script>
      jQuery(document).ready(function () {
        jQuery(".video-link").magnificPopup({ type: "iframe" });
      });
    </script>
  </body>
</html>
